<template>
  <div class="pages">
    <van-sticky>
      <div class="header">
        <div class="fls" @click="$router.back(-1)">
          <img src="../../../static/images/icon-back.png" alt="">
        </div>
        <div class="centern">商户入网</div>
        <div class="fls">
          <!-- <img src="../../../static/images/icon-yqcy.png" alt=""> -->
        </div>
      </div>
    </van-sticky>

    <div class="T_ibidy">
      <div class="intebsfd">
        <van-button style="width:200px;height:60px" plain type="info" @click="handleTerminal">终端商户</van-button>
      </div>
      <div class="intebsfd">
        <van-button style="width:200px;height:60px" plain type="info" @click="handleQry">立牌商户</van-button>
      </div>
    </div>
  </div>
</template>

<script>
import { url } from '../../api/api'

export default {
  beforeCreate() {
    document.querySelector('body').setAttribute('style', 'background:#fff')
  },
  data() {
    return {
      userinfo: JSON.parse(this.$route.query.userinfoing)
    }
  },
  mounted() {
    console.log(this.userinfo)
  },
  methods: {
    handleTerminal() {
      location.href = `${url.merchantCreate}?type=0&userId=${this.userinfo.phoneNo}`
    },
    handleQry() {
      location.href = `${url.merchantCreate}?type=1&userId=${this.userinfo.phoneNo}`
    }

  }
}
</script>

<style scoped>
.pages {
  width: 100%;
}

.header {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
  background: #3288FF;
}

.header > .fls {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header > .fls > img {
  width: 100%;
  height: 100%;
}

.centern {
  color: #FFFFFF;
  font-family: OPPOSans;
  font-weight: medium;
  font-size: 17px;
  letter-spacing: 0px;
}

.T_ibidy {
  width: 100%;
  background: #fff;
  padding: 0 16px;
  box-sizing: border-box;
  padding-top: 50px;
}

.intebsfd {
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

</style>
